<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Gourmet Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' media="all" />
<!-- //bootstrap -->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!--start-smoth-scrolling-->
<!--webfonts-->
	<link href='http://fonts.useso.com/css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
	<link href='http://fonts.useso.com/css?family=Niconne' rel='stylesheet' type='text/css'>
<!--webfonts-->	
<link href="css/component.css" rel="stylesheet" type="text/css"  />
	<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
	<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
	<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>

	<!--引入axios-->
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<script src="js/header.js"></script>
	<!-- Bootstrap -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

	<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
	<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
	<!--[if lt IE 9]>
	<script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
	<![endif]-->
	<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<style>
		#user{
			width: 100px;
			height: 100px;
			position: absolute;
			top: 0px;
			right: 0px;
		}
	</style>
<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->
</head>
<body class="cbp-spmenu-push">
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-30027142-1', 'w3layouts.com');
  ga('send', 'pageview');
</script>
<!--header-->
	<div class="header-section">
			<div class="container">
				<div class="header-top">
					<div class="top-nav">
						<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s2">
							<h3>Menu</h3>
							<ul>
								<li><a href="index.html">Home</a></li>
								<li class="menu">Menu</li>
									<ul class="cl-effect-1">
										<li><a href="menu.html">Menu1</a></li>                                             
										<li><a href="menu.html">Menu2</a></li>
										<li><a href="menu.html">Menu3</a></li> 
										<li><a href="menu.html">Menu4</a></li>  
									</ul>
									<!-- script-for-menu -->
									 <script>
									   $( "li.menu" ).click(function() {
										 $( "ul.cl-effect-1" ).slideToggle( 300, function() {
										 // Animation complete.
										  });
										 });
									</script>
								<li><a href="events.html">Events</a></li>
								<li><a href="error/404.html">Gallery</a></li>
								<li><a href="mail.html">Mail Us</a></li>
							</ul>
						</nav>
						<div class="main buttonset">	
								<!-- Class "cbp-spmenu-open" gets applied to menu and "cbp-spmenu-push-toleft" or "cbp-spmenu-push-toright" to the body -->
								<button id="showRightPush"><img src="images/menu.png" alt=""/></button>
								<!--<span class="menu"></span>-->
						</div>
						<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
						<script src="js/classie.js"></script>
						<script>
						var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
						showRightPush = document.getElementById( 'showRightPush' ),
						body = document.body;

						showRightPush.onclick = function() {
							classie.toggle( this, 'active' );
							classie.toggle( body, 'cbp-spmenu-push-toleft' );
							classie.toggle( menuRight, 'cbp-spmenu-open' );
							disableOther( 'showRightPush' );
						};

						function disableOther( button ) {
							if( button !== 'showRightPush' ) {
								classie.toggle( showRightPush, 'disabled' );
							}
						}
					 </script>
					</div>
					<div class="header-logo">
						<a href="index.html"><img src="images/logo.png" alt=""/></a>
					</div>
					<div class="search-form">
						<form>
							<input type="text" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}" required="">
						</form>

					</div>
					<div id="user">
						<div class="vmmm">
						<span class="pull-right" style="line-height: 130px;font-size: 20px;padding-right: 10px;width: 150px;">
               			 <a href="#">{{username}}<i class="glyphicon glyphicon-user"></i></a>
						</span>
						</div>
					</div>

					<div class="clearfix"> </div>
					<div class="row">
					<div class="header-grids" >
						<div class="col-md-4 header-grid-info" v-for="(item,i) in row_item">
							<a :href="'single.html?'+item.id">
								<div class="header-grid gray">
									<div class="header-grid-img gray-grid">
										<img :src="item.images" alt="" style="height: 200px">
										<h3>{{item.title}}  <span style="color: #DB2927;font-size: 24px">￥{{item.price}}</span></h3>
										<p>{{item.sellPoint}}
										</p>
									</div>
								</div>
							</a>
						</div>

						<div class="clearfix"> </div>
					</div>
					</div>
				</div>
			</div>
	</div>
<!--/header-->
		 <div id="Welcome">
					<div class="container">
							<div class="wecome-main">
								<div class="row1">
								<div class=" col-md-6 wecome-text">

										<h1>欢迎您</h1>
									<h3>{{row_item.title}}  <span style="color: #DB2927;font-size: 24px">￥{{row_item.price}}</span></h3>
										<p>{{row_item.sellPoint}}</p>
										<div class= "wecome-button">
											<a class="button rotate2" href="single.html">更多介绍<span> </span></a>
										</div>
									</div>

										<div class= "col-md-6 wecome-img">
											<img :src="row_item.images" alt="">
										</div>
								</div>
								<div class="clearfix"> </div>  			
						</div>
					</div>	
				</div>
	<!-- //End-welcomet-->
	 <div class="featured-section">
					<div class="container">
						<h2>限量版推荐</h2>
						<div class="row2">
							<div class="featured-main">

								<div class=" col-md-3 feature-text" v-for="(item,i) in itemLimit">
									<img :src="item.images" alt="">
									<div class="feature-text-grids">
										<div class="feature-text-left">
											<img src="images/7.png" alt="" />
										</div>
										<div class="feature-text-right">
											<h3>{{item.title}}  <span style="color: #DB2927;font-size: 24px">￥{{item.price}}</span></h3>
											<p>{{item.sellPoint}}</p>
										</div>
										<div class="clearfix"> </div>
									</div>

								</div>
<!--								<div class=" col-md-3 feature-text">-->
<!--									<img src="images/f2.jpg" alt="">-->
<!--									<div class="feature-text-grids">-->
<!--										<div class="feature-text-left">-->
<!--											<img src="images/13.png" alt="" />-->
<!--										</div>-->
<!--										<div class="feature-text-right">-->
<!--											<h3>牛肉</h3>-->
<!--											<p>好吃不腻，快来吧</p>-->
<!--										</div>-->
<!--										<div class="clearfix"> </div>-->
<!--									</div>-->
<!--								</div>-->
<!--								<div class=" col-md-3 feature-text">-->
<!--									<img src="images/f3.jpg" alt="">-->
<!--									<div class="feature-text-grids">-->
<!--										<div class="feature-text-left">-->
<!--											<img src="images/25.png" alt="" />-->
<!--										</div>-->
<!--										<div class="feature-text-right">-->
<!--											<h3>汉堡包</h3>-->
<!--											<p>好吃不腻，快来吧</p>-->
<!--										</div>-->
<!--										<div class="clearfix"> </div>-->
<!--									</div>-->
<!--								</div>								-->

								<div class="clearfix"> </div>
							</div>
						</div>
					</div>
					</div>			
	<!--/start-text-slider-->
		<div  class="testimonials" id="testimonials">
			 <div class="wmuSlider example1">
		 	<div class="container-flueid">
			   <article style="position: absolute; width:64%; opacity: 0;"> 
				   	
					<div class=" cont span_2_of_3 client-main">
							<div class="slide-text">
									<p>该项目由dqh和rxd共同完成  </p>
						  	<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				</article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class=" cont span_2_of_3  client-main">
							<div class="slide-text">
								<p>该项目由dqh和rxd共同完成</p>
						  			<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				 </article>
				 <article style="position: absolute; width:64%; opacity: 0;"> 
				   	<div class="cont span_2_of_3  client-main">
							<div class="slide-text">
									<p>该项目由dqh和rxd共同完成 </p>
						  	<span> </span>
						 	</div>
						 	<div class="clearfix"> </div>  
					</div>
				 </article>
		 
                  <script src="js/jquery.wmuSlider.js"></script> 
					<script>
       				     $('.example1').wmuSlider();         
   					</script> 	           	      
	         </div>
	     </div>
	 </div>
	 <!--//text-slider-->
<!--/start-footer-->                                                             
		<div class="footer-section">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-3 footer-grid bottom-nav">
							<h3>跳转页面</h3>
								<ul>
									<li><a href="index.html">主页</a></li>
									<li><a href="menu.html">菜单</a></li>
									<li><a href="events.html">消息</a></li>
									<li><a href="error/404.html">展示</a></li>
									<li><a href="mail.html">联系我们</a></li>
									<div class="clearfix"> </div>
								</ul>
							</div>
						<div class="col-md-3 footer-grid category">
							<h3>作者信息</h3>
								<ul>
									<li><a href="#">作者:DQH,RXD</a> </li>
									<li><a href="#">完成时间:2022/3/29/12:41:58</a>  </li>
									<li><a href="#">学院:重庆三峡学院</a> </li>
									<li><a href="#">地址:重庆</a> </li>
									<div class="clearfix"> </div>
								</ul>
							</div>
							<div class="col-md-3 footer-grid brands">
								<h3>项目信息 </h3>
									<ul>
										<li><a href="#">名字:一点餐</a>  </li>
										<li><a href="#">用户端</a> </li>
										<li><a href="#">创建时间:2021年9月21日11:56:54</a> </li>
										<li><a href="#">完成时间:2022年4月21日11:55:52</a> </li>

										<div class="clearfix"></div>
									</ul>
							</div>
							<div class="col-md-3 footer-grid contact-list">
								 	 <h3>电话咨询</h3>
											<ul>
												<li>18225497037</li>
												<li>18225497037</li>
												<div class="clearfix"> </div>
											</ul>
									
							</div>	
						<div class="clearfix"> </div>							
					</div>
				</div>
			</div>
		<!--//End-foote-->
		<div class="copy-right-section">
				<div class="container">
					<div class="col-md-6 copy-right">
<!--						<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>-->
					</div>
					<div class="copy-right-section">
						<div class="container">
							<div class="col-md-6 copy-right">
								<p>---------2022年4月21日12:45:27----------------<a target="_blank" href="http://sc.chinaz.com/moban/">联系我们</a></p>
							</div>
							<div class="col-md-6 social-icons">
								<ul class="soc_icons2">
									<li><a href="#"><img src="images/QQ方.png" alt="" width="62px"></a></li>
									<li><a href="#"><img src="images/微信.png" alt="" width="44px"></a></li>
									<li><a href="#"><img src="images/twitter.png" alt="" width="49px"></a></li>
									<div class="clearfix"> </div>
								</ul>

							</div>
						</div>
					</div>
				</div>
		</div>
</body>
<script>
	let vm_row = new Vue({
		el:".row",
		data:{
			row_item:[]
		},
		created:function () {
			axios.get("/index/recommend").then(function (response) {
				vm_row.row_item = response.data;
				for (let i = 0; i <vm_row.row_item.length ; i++) {
					vm_row.row_item[i].price = vm_row.row_item[i].price/100;
				}
			})
		},
	})

	//推荐
	let vue = new Vue({
		el:".row1",
		data:{
			row_item:''
		},
		created:function () {
			axios.get("/index/recommendRXD").then(function (response) {
				vue.row_item = response.data;
				vue.row_item.price = vue.row_item.price/100;
			})
		},
	})

	//限量
	let  limit= new Vue({
		el:".row2",
		data:{
			itemLimit:[]
		},
		created:function () {
			axios.get("/index/recommendLimit").then(function (response) {
				limit.itemLimit = response.data;
				for (let i = 0; i <limit.itemLimit.length ; i++) {
					limit.itemLimit[i].price = limit.itemLimit[i].price/100;
				}
				console.log(limit.itemLimit)
			})
		},
	})


	let vmmm = new Vue({
		el:".vmmm",
		data:{
			username:'',
		},
		created:function () {

		},
	})

	// 取出cookie里面保存的用户名和密码

	let cookies = document.cookie.split(";")
	for (let cookie of cookies) {
		let arr = cookie.split("=");
		let name = arr[0]
		let value = arr[1]
		if (name.trim()=="username"){
			vmmm.username = value;
		}
	}

</script>
</html>